<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>线路详情</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/lib/juicer-min.js"></script>
        <script src="js/global.js"></script>
        <script src="js/jquery.jsonp.js"></script>
        <script src="js/biz/index/xianlu_detail.js"></script>
        <style type="text/css">
            #allmap {width: 100%;height: 320px;overflow: hidden;margin:0;font-family:"微软雅黑"}
            a img{border:none;}
            .testTXT{ height:50px; line-height:60px; padding-left:35px; background:url(img/w_xianlubox.png) no-repeat left center;position:absolute;margin-left: 10px;font-size: 17px}
            .box{height: 50px;width: 120px;z-index: 99;position:absolute; left:65%; top:5%; background-color: #FFFFFF;color:#00A3FF;font-weight: bold;border-radius: 7px}
        </style>

        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Bkr2mjnARtGsksAIs2FcHU55"></script>
    </head>
    <body ontouchstart="">
        <header class="ui-header ui-header-positive ui-border-b">
           <i class="ui-icon-return" onclick="history.back()"></i>
            <h1>线路详情</h1>
        </header>
        <section class="ui-container mb50">
            <div class="ui-map" id="xianlu_detail">
                <script type="text/juicer" id="xl_tpl">
                    <div class="box">
                        <div class="testdiv">
                            <div class="testTXT">
                                <a href="xianlubox.html?id=${id}"><span>线路宝盒</span></a>
                            </div>
                        </div>
                    </div>
                    <div id="allmap"></div>
                    <h2 style="background:#8F8F8F">${title}</h2>
                </script>
            </div>
      		<div class="wrapper">
            <div class="ui-map-road w_lod">
                <script id="rec" type="text/juicer">
                <h3>
                    <em></em>线路概况
                </h3>
            	<a href="xianlu_alldetail_desc.html?id=${id}">
                <div class="ui-map-road-item w_xl">
                    <div class="ui-map-road-pic">
                        <img src="${descImg}" alt="">
                    </div>
                    <div class="ui-map-road-content">
                        <h4>${title}概况</h4>
                        <p>${maplineDesc}</p>
                    </div>
                </div>
                </a>
                <h3>
                    <em></em>线路特色
                </h3>
                <a href="xianlu_alldetail_flavor.html?id=${id}">
                <div class="ui-map-road-item w_xl">
                    <div class="ui-map-road-pic">
                        <img src="${flavorImg}" alt="">
                    </div>
                    <div class="ui-map-road-content">
                        <h4>${title}特色</h4>
                        <p>${mapFlavor}</p>
                    </div>
                </div>
                </a>
                <h3>
                    <em></em>线路攻略
                </h3>
                <a href="xianlu_alldetail_plan.html?id=${id}">
                <div class="ui-map-road-item w_xl">
                    <div class="ui-map-road-pic">
                        <img src="${travelImg}" alt="">
                    </div>
                    <div class="ui-map-road-content">
                        <h4>${title}攻略</h4>
                        <p>${travelPlan}</p>
                    </div>
                </div>
                </a>
                <h3>
                    <em></em>推荐行程表
                </h3>
                <a href="xianlu_alldetail_recommend.html?id=${id}">
                <div class="ui-map-road-item w_xl">
                    <div class="ui-map-road-pic">
                        <img src="${recommendImg}" alt="">
                    </div>
                    <div class="ui-map-road-content">
                        <h4>${title}推荐行程表</h4>
                        <p>${recommendTravel}</p>
                    </div>
                </div>
                </a>
                </script>
            </div>
        	</div>
        </section>
    </body>
</html>
